网页开发如何引入图标

来源:网络整理作者: 发布时间:2020-12-18 13:49

本文介绍了网页开发中引入图标的方式，希望对学习网页开发中的同学有帮助！首先在HTML头部引入fontawesome的js文件；...

HTML中如何引入图标

1、在头部引用在HTML中里面引用一个东西，在头部引用

2、然后在网上搜索font awesome。可以进那个官方（外国网站比较卡)。以下为点进那个中文网–字体图标

点击右上角图标库

3、随便点一个进去

4、复制<i class="fa fa-address-book-o" aria-hidden="true"></i>

引入你的代码中<span><i class="fa fa-address-book-o" aria-hidden="true"></i>></span>

在div或span里引用，可以实现块状元素和行内元素的功能，不用管i标签，改变图标大小用font-size，调上下高度line-height，左右位置text-align。

部分图标可以引用不了，大致样式。

相关热词：

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5203.shtml